
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>文件短期中转站</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"/>
    <link href="./css/bootstrap5.3.min.css" rel="stylesheet">
</head>
<body>
	<div class="container col-lg-6 col-md-8 col-sm-12">
        <!--        header 头部导航栏-->
        <div id="my_header">      </div>

        <div class="alert alert-primary">
            <a href="fs/listFile" class="col-12 link-danger">列出所有文件</a> 
        </div>

        <div class="alert alert-primary">
            <h4 class="col-12 ">选择上传的文件(不超过10M)</h4>
            <form action="fs/insertFile" enctype="multipart/form-data" method="POST"   target="_blank"> 
                
                <div>
                    <input type="file" name="myFile" class="form-control" /> 
                </div>
                <div>
                    <label>过期时间（天）: </label>
                    <input type="number" name="days" value="1" min="1" max="180" /> 
                </div> 
                <div>
                    <input class="btn btn-light" type="submit" value="发件" class="btn-ok" />
                </div>
            </form>
        </div>

        <h5 class="page-header"></h5>

        <div class="alert alert-primary">
            <form action="fs/indexDownloadFile"  method="GET"  target="_blank">
                <h4>输入取件码</h4>
                <div class="row">
                    <div class="col-auto">
                        <input  type="number" name="code" autocomplete="off"   /> 
                    </div>
                    <div class="col-auto">
                        <input  class="btn btn-light " class="btn-ok" type="submit" value="取件" />
                    </div>  
                </div>
            </form>
        </div>
    </div> 
</body>

<script src="./js/jquery-3.6.0.min.js"></script>
<script>
    $(function(){
        $("#my_header").load("index_header.html");
    });
</script>


</html>